 <!doctype html>
<html class="liveApp-html" lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no, email=no">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta name="msapplication-tap-highlight" content="no">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>Muse 活动</title>
<link rel="stylesheet" type="text/css"
	href="http://u.liveapp.cn/tpl/all.css?20150608201900">
<script type="text/javascript">
	//移动端版本兼容
	if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
		var version = parseFloat(RegExp.$1);
		if (version > 2.3) {
			var phoneScale = parseInt(window.screen.width) / 640;
			document
					.write('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
		} else {
			document
					.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
		}
	} else {
		document
				.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
	}
	//微信去掉下方刷新栏
	if (navigator.userAgent.indexOf('MicroMessenger') >= 0) {
		document.addEventListener('WeixinJSBridgeReady', function() {
			WeixinJSBridge.call('hideToolbar');
		});
	}
</script>
<meta name="viewport"
	content="width=640, user-scalable=no, target-densitydpi=device-dpi">
<script type="text/javascript">
	//liveApp全局对象
	var liveApp = {
		//全局数据
		webpath : 'http://u.liveapp.cn/web/',
		viewpath : 'http://u.liveapp.cn/web/phone/',
		caseData : {
			"id" : "22465",
			"user_id" : "147575",
			"copy_from" : "1165",
			"name" : "Muse 活动",
			"logo" : "http:\/\/u.liveapp.cn\/group2\/M00\/07\/E2\/CoQ8n1Vn2uqAMj0aAAByI3xhk6w593.png",
			"music" : "http:\/\/u.liveapp.cn\/group2\/M00\/07\/DE\/CoQ8n1Vn1r2AaKPjAA3LAh-pacU422.mp3",
			"musicName" : "MIX1.mp3",
			"musicStyle" : "0",
			"musicPosition" : "0",
			"desc" : "",
			"qrcode" : "http:\/\/u.liveapp.cn\/group2\/M00\/07\/E2\/CoQ8n1Vn2uyAWWqlAAARPxDlHag489.png",
			"qrcode_pre" : "http:\/\/u.liveapp.cn\/group2\/M00\/07\/E2\/CoQ8n1Vn2uyAGJiXAAARJkOyY50403.png",
			"create_by" : "1",
			"state" : "2",
			"end_edit_time" : "0",
			"end_time" : "2147483647",
			"update_time" : "1432902194",
			"created" : "2015-05-29 10:48:24",
			"last_publish_time" : "1432891427",
			"type" : "1",
			"is_show_operate" : "1",
			"is_new" : "1",
			"is_show_banner" : "1",
			"wx" : {
				"toFriend" : {
					"icon" : "http:\/\/img.liveapp.cn\/web\/img\/wx-yl-logo.jpg",
					"title" : "muse活动show",
					"content" : "muse活动show"
				},
				"share" : {
					"icon" : "http:\/\/img.liveapp.cn\/web\/img\/wx-yl-logo.jpg",
					"title" : "muse活动show"
				},
				"link" : "",
				"isLockShare" : 1
			},
			"pageList" : [
					{
						"_id" : {
							"$id" : "55683023e45e2a7d508b4568"
						},
						"case_id" : 22465,
						"page_id" : 132800,
						"icon" : "http:\/\/u.liveapp.cn\/group2\/M00\/07\/04\/CoQ8n1Vmt2uAYqLuAAPSNYf3Kww488.jpg",
						"page_order" : 0,
						"bgType" : 2,
						"bgColor" : "rgba(255,255,255,1)",
						"bgImage" : "url(http:\/\/u.liveapp.cn\/group2\/M00\/07\/DE\/CoQ8n1Vn1qiAHBwOAAHAzmHauJ0680.jpg)",
						"bgLayout" : "center",
						"outAnime" : {
							"type" : 0,
							"duration" : 0,
							"delay" : 0
						},
						"inAnime" : {
							"type" : 0,
							"duration" : null,
							"delay" : 0
						},
						"comList" : [
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 1,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 0,
									"data" : {
										"insideBackgroundImage" : "http:\/\/u.liveapp.cn\/group2\/M00\/03\/87\/CoQ8n1Val-SAE63oAAASTCGAbKs833.png",
										"imageName" : "1.png"
									},
									"animeShowClass" : "fadeInLeft 1s",
									"uuid" : "singleimagepey7vjqr",
									"name" : "图片组件",
									"type" : "singleimage",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[0].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[0].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[0].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[0].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[0].attrs.lineHeight\" ms-css-z-index=\"comInsList[0].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 0)\" ms-dblclick=\"comsDblckick($event, 0)\" ms-class-1=\"u-comChoose: comInsList[0].isChoose\" ms-css-webkit-animation=\"{{comInsList[0].animeShowClass}}\" ms-css-animation=\"{{comInsList[0].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[0].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[0].isDeleted\" data-index=\"0\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 0)\" class=\"u-com-c\"><div class=\"\">{{comInsList[0].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "\r\n<section ms-controller=\"singleimage\" class=\"c-conf-panel\">\r\n <div class=\"c-conf-row\">\r\n \r\n <div class=\"u-image-wrap f-float-l\">\r\n <div class=\"u-image-large f-bg-tensile\" \r\n style=\"background-size: contain !important; background-position: 50% 50%;\" \r\n ms-css-background-image=\"'url(' + insideBackgroundImage + ')'\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"c-input-box c-conf-col-18\">\r\n <div class=\"f-mt-8\">\r\n <label class=\"u-label c-conf-col-14 f-float-l\" ms-attr-title=\"imageName\">{{imageName}}<\/label>\r\n <a href=\"javascript:void(0);\" class=\"icon-x24 icon-x24-remove\" ms-on-click=\"deleteImage\"><\/a>\r\n <\/div>\r\n <a href=\"javascript:void(0);\" class=\"u-btn u-btn-large z-singleLine f-mt-8\" ms-on-click=\"addImage\">更换图片<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"singleImageEditorHTMLRander\" class=\"f-hide\">\r\n <div class=\"c-singleimage\" inside-styles=\"all\" style=\"width: 100%; height: 100%;\">\r\n <img ms-src=\"insideBackgroundImage\" ms-css-border-radius=\"comStyles.borderRadius\"\/>\r\n <\/div>\r\n <\/div>\r\n<\/section>",
									"css" : ".c-singleimage {\r\n background-repeat: no-repeat;\r\n background-position: 50% 50%;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \r\n}\r\n\r\n.c-singleimage img{\r\n\tmax-width: 100%;\r\n\tmax-height: 100%; \r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \t\r\n}",
									"editorCss" : "",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/",
									"plugin" : "",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : "0",
										"height" : "1013px",
										"inAnime" : {
											"type" : 13,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div class=\"c-singleimage\" inside-styles=\"\" style=\"width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: transparent; background-image: none; opacity: 1;\" background-layout=\"center\">\n <img src=\"http:\/\/u.liveapp.cn\/group2\/M00\/03\/87\/CoQ8n1Val-SAE63oAAASTCGAbKs833.png\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;\">\n <\/div>\n ",
										"left" : "0px",
										"opacity" : "1",
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "0px",
										"width" : "592px",
										"zIndex" : 11100,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 1,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 1,
									"data" : {
										"insideBackgroundImage" : "http:\/\/u.liveapp.cn\/group2\/M00\/03\/87\/CoQ8n1VamCyAPldAAAABgxx4kMY656.png",
										"imageName" : "2.png"
									},
									"animeShowClass" : "rotateIn 1s",
									"uuid" : "singleimagehft0opx8",
									"name" : "图片组件",
									"type" : "singleimage",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[1].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[1].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[1].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[1].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[1].attrs.lineHeight\" ms-css-z-index=\"comInsList[1].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 1)\" ms-dblclick=\"comsDblckick($event, 1)\" ms-class-1=\"u-comChoose: comInsList[1].isChoose\" ms-css-webkit-animation=\"{{comInsList[1].animeShowClass}}\" ms-css-animation=\"{{comInsList[1].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[1].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[1].isDeleted\" data-index=\"1\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 1)\" class=\"u-com-c\"><div class=\"\">{{comInsList[1].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "\r\n<section ms-controller=\"singleimage\" class=\"c-conf-panel\">\r\n <div class=\"c-conf-row\">\r\n \r\n <div class=\"u-image-wrap f-float-l\">\r\n <div class=\"u-image-large f-bg-tensile\" \r\n style=\"background-size: contain !important; background-position: 50% 50%;\" \r\n ms-css-background-image=\"'url(' + insideBackgroundImage + ')'\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"c-input-box c-conf-col-18\">\r\n <div class=\"f-mt-8\">\r\n <label class=\"u-label c-conf-col-14 f-float-l\" ms-attr-title=\"imageName\">{{imageName}}<\/label>\r\n <a href=\"javascript:void(0);\" class=\"icon-x24 icon-x24-remove\" ms-on-click=\"deleteImage\"><\/a>\r\n <\/div>\r\n <a href=\"javascript:void(0);\" class=\"u-btn u-btn-large z-singleLine f-mt-8\" ms-on-click=\"addImage\">更换图片<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"singleImageEditorHTMLRander\" class=\"f-hide\">\r\n <div class=\"c-singleimage\" inside-styles=\"all\" style=\"width: 100%; height: 100%;\">\r\n <img ms-src=\"insideBackgroundImage\" ms-css-border-radius=\"comStyles.borderRadius\"\/>\r\n <\/div>\r\n <\/div>\r\n<\/section>",
									"css" : ".c-singleimage {\r\n background-repeat: no-repeat;\r\n background-position: 50% 50%;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \r\n}\r\n\r\n.c-singleimage img{\r\n\tmax-width: 100%;\r\n\tmax-height: 100%; \r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \t\r\n}",
									"editorCss" : "",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/",
									"plugin" : "",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "#cccccc",
										"borderRadius" : "0",
										"borderWidth" : "0",
										"height" : "42px",
										"inAnime" : {
											"type" : 16,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div inside-styles=\"\" style=\"width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-radius: 0px; opacity: 1; background-image: none; background-color: transparent;\" background-layout=\"center\">\n <img style=\"width: 100%; height: 100%; border-radius: 0px;\" src=\"http:\/\/u.liveapp.cn\/group2\/M00\/03\/87\/CoQ8n1VamCyAPldAAAABgxx4kMY656.png\">\n <\/div>\n ",
										"left" : "82px",
										"opacity" : "1",
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "462px",
										"width" : "382px",
										"zIndex" : 11400,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 2,
									"data" : {
										"fontSize" : "2.5em",
										"fontFace" : "SimHei",
										"lineHeight" : "1",
										"textAlign" : "center",
										"bold" : false,
										"italic" : false,
										"underline" : false,
										"color" : "rgba(230,231,236,1)",
										"innerText" : "<div><div><div><div id=\"cover\" style=\"height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; box-sizing: border-box; border: 0px solid rgb(204, 204, 204); opacity: 1; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;\">MUSE&nbsp;<br><\/div><\/div><div><br><\/div><\/div><\/div>"
									},
									"animeShowClass" : "fadeInLeft 1s",
									"uuid" : "singletextycxkeuf5",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[2].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[2].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[2].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[2].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[2].attrs.lineHeight\" ms-css-z-index=\"comInsList[2].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 2)\" ms-dblclick=\"comsDblckick($event, 2)\" ms-class-1=\"u-comChoose: comInsList[2].isChoose\" ms-css-webkit-animation=\"{{comInsList[2].animeShowClass}}\" ms-css-animation=\"{{comInsList[2].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[2].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[2].isDeleted\" data-index=\"2\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 2)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[2].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">字体<\/label>\r\n \r\n <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n\r\n \r\n <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n\r\n \r\n <div class=\"u-colorpicker\">\r\n <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\"><\/label>\r\n <div class=\"c-input-box\">\r\n <ul class=\"u-tab\">\r\n <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">对齐<\/label>\r\n <div class=\"c-input-box\">\r\n <ul class=\"u-tab\">\r\n <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('right')\" ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('justify')\" ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">行间距<\/label>\r\n\r\n <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n <div inside-styles=\"\"\r\n ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n ms-css-font-style=\"italic ? 'italic' : ''\"\r\n ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n ms-css-line-height=\"lineHeight\"\r\n ms-css-text-align=\"textAlign\"\r\n ms-css-font-size=\"fontSize\"\r\n ms-css-font-family=\"fontFace\"\r\n ms-css-color=\"color\"\r\n style=\"width: 100%; height:100%;\">\r\n {{(innerText || '双击编辑内容') | html}}\r\n <\/div>\r\n <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n position: absolute;\r\n word-break: break-all;\r\n overflow: hidden;\r\n font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n clear: both;\r\n width: 100%;\r\n padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n width: 100%;\r\n text-align: left;\r\n padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n float: left;\r\n width: 20%;\r\n height: 26px;\r\n min-width: 50px;\r\n margin-left: 10px;\r\n border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n float: left;\r\n width: 20%;\r\n min-width: 4rem;\r\n height: 26px;\r\n margin: 0 0 0 14px;\r\n border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n width: 96%;\r\n height: 24px;\r\n margin: 1px 2%;\r\n background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n float: left;\r\n width: 86%;\r\n height: 32px;\r\n border: 1px solid #E7E8EC;\r\n margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n float: left;\r\n width: 32%;\r\n height: 28px;\r\n margin: 2px .55%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n position: relative;\r\n width: 94%;\r\n height: 88%;\r\n margin: 3%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n float: left;\r\n width: 24%;\r\n height: 28px;\r\n margin: 2px .38%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n position: relative;\r\n width: 94%;\r\n height: 88%;\r\n margin: 3%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n float: left;\r\n width: 63%;\r\n height: 15px;\r\n margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n width: auto!important;\r\n min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "47px",
										"inAnime" : {
											"type" : 13,
											"duration" : 1000,
											"delay" : 1000,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div inside-styles=\"\" style=\"width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 3em; font-family: SimHei; color: rgb(230, 231, 236);\">\n <div><div><div id=\"cover\" style=\"height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; box-sizing: border-box; border: 0px solid rgb(204, 204, 204); opacity: 1; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;\">MUSE&nbsp;<\/div><\/div><div><br><\/div><\/div>\n <\/div>\n ",
										"innerText" : "双击编辑内容",
										"left" : "100px",
										"lineHeight" : 1,
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "404px",
										"width" : "345px",
										"zIndex" : 11500,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 3,
									"data" : {
										"fontSize" : "2.5em",
										"fontFace" : "SimHei",
										"lineHeight" : "1",
										"textAlign" : "center",
										"bold" : false,
										"italic" : true,
										"underline" : false,
										"color" : "rgba(230,231,236,1)",
										"innerText" : "<div><div><div>2015 SUMMER SHOW<\/div><\/div><div id=\"cover\" style=\"height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background-size: contain; box-sizing: border-box; border-style: solid; border-color: rgb(204, 204, 204); background-position: 50% 50%; background-repeat: no-repeat no-repeat;\"><br><\/div><\/div><div><br><\/div>"
									},
									"animeShowClass" : "fadeInRight 1s",
									"uuid" : "singletext4l2ha2eh",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[3].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[3].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[3].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[3].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[3].attrs.lineHeight\" ms-css-z-index=\"comInsList[3].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 3)\" ms-dblclick=\"comsDblckick($event, 3)\" ms-class-1=\"u-comChoose: comInsList[3].isChoose\" ms-css-webkit-animation=\"{{comInsList[3].animeShowClass}}\" ms-css-animation=\"{{comInsList[3].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[3].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[3].isDeleted\" data-index=\"3\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 3)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[3].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">字体<\/label>\r\n \r\n <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n\r\n \r\n <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n\r\n \r\n <div class=\"u-colorpicker\">\r\n <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\"><\/label>\r\n <div class=\"c-input-box\">\r\n <ul class=\"u-tab\">\r\n <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">对齐<\/label>\r\n <div class=\"c-input-box\">\r\n <ul class=\"u-tab\">\r\n <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('right')\" ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('justify')\" ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">行间距<\/label>\r\n\r\n <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n <div inside-styles=\"\"\r\n ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n ms-css-font-style=\"italic ? 'italic' : ''\"\r\n ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n ms-css-line-height=\"lineHeight\"\r\n ms-css-text-align=\"textAlign\"\r\n ms-css-font-size=\"fontSize\"\r\n ms-css-font-family=\"fontFace\"\r\n ms-css-color=\"color\"\r\n style=\"width: 100%; height:100%;\">\r\n {{(innerText || '双击编辑内容') | html}}\r\n <\/div>\r\n <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n position: absolute;\r\n word-break: break-all;\r\n overflow: hidden;\r\n font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n clear: both;\r\n width: 100%;\r\n padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n width: 100%;\r\n text-align: left;\r\n padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n float: left;\r\n width: 20%;\r\n height: 26px;\r\n min-width: 50px;\r\n margin-left: 10px;\r\n border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n float: left;\r\n width: 20%;\r\n min-width: 4rem;\r\n height: 26px;\r\n margin: 0 0 0 14px;\r\n border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n width: 96%;\r\n height: 24px;\r\n margin: 1px 2%;\r\n background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n float: left;\r\n width: 86%;\r\n height: 32px;\r\n border: 1px solid #E7E8EC;\r\n margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n float: left;\r\n width: 32%;\r\n height: 28px;\r\n margin: 2px .55%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n position: relative;\r\n width: 94%;\r\n height: 88%;\r\n margin: 3%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n float: left;\r\n width: 24%;\r\n height: 28px;\r\n margin: 2px .38%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n position: relative;\r\n width: 94%;\r\n height: 88%;\r\n margin: 3%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n float: left;\r\n width: 63%;\r\n height: 15px;\r\n margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n width: auto!important;\r\n min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "60px",
										"inAnime" : {
											"type" : 14,
											"duration" : 1000,
											"delay" : 1000,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div inside-styles=\"\" style=\"width: 100%; height: 100%; font-style: italic; line-height: 1; text-align: center; font-size: 2.5em; font-family: SimHei; color: rgb(230, 231, 236);\">\n <div><div><div>2015 SUMMER SHOW<\/div><\/div><div id=\"cover\" style=\"height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background-size: contain; box-sizing: border-box; border-style: solid; border-color: rgb(204, 204, 204); background-position: 50% 50%; background-repeat: no-repeat no-repeat;\"><br><\/div><\/div><div><br><\/div>\n <\/div>\n ",
										"innerText" : "双击编辑内容",
										"left" : "85px",
										"lineHeight" : 1,
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "516px",
										"width" : "439px",
										"zIndex" : 11600,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 4,
									"data" : {
										"fontSize" : "2.5em",
										"fontFace" : "SimHei",
										"lineHeight" : "1",
										"textAlign" : "center",
										"bold" : false,
										"italic" : false,
										"underline" : false,
										"color" : "rgba(230,231,236,1)",
										"innerText" : "<div><div>LA VIE EN ROSE<\/div><div id=\"cover\" style=\"height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; box-sizing: border-box; border: 0px solid rgb(204, 204, 204); opacity: 1; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;\"><br><\/div><\/div><div><br><\/div>"
									},
									"animeShowClass" : "fadeInDown 1s",
									"uuid" : "singletextztq8nzdc",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[4].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[4].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[4].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[4].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[4].attrs.lineHeight\" ms-css-z-index=\"comInsList[4].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 4)\" ms-dblclick=\"comsDblckick($event, 4)\" ms-class-1=\"u-comChoose: comInsList[4].isChoose\" ms-css-webkit-animation=\"{{comInsList[4].animeShowClass}}\" ms-css-animation=\"{{comInsList[4].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[4].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[4].isDeleted\" data-index=\"4\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 4)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[4].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">字体<\/label>\r\n \r\n <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n\r\n \r\n <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n\r\n \r\n <div class=\"u-colorpicker\">\r\n <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\"><\/label>\r\n <div class=\"c-input-box\">\r\n <ul class=\"u-tab\">\r\n <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">对齐<\/label>\r\n <div class=\"c-input-box\">\r\n <ul class=\"u-tab\">\r\n <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('right')\" ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n <\/li>\r\n <li ms-click=\"setTextAlignment('justify')\" ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"c-conf-row\">\r\n <label class=\"c-input-label\">行间距<\/label>\r\n\r\n <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n <div inside-styles=\"\"\r\n ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n ms-css-font-style=\"italic ? 'italic' : ''\"\r\n ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n ms-css-line-height=\"lineHeight\"\r\n ms-css-text-align=\"textAlign\"\r\n ms-css-font-size=\"fontSize\"\r\n ms-css-font-family=\"fontFace\"\r\n ms-css-color=\"color\"\r\n style=\"width: 100%; height:100%;\">\r\n {{(innerText || '双击编辑内容') | html}}\r\n <\/div>\r\n <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n position: absolute;\r\n word-break: break-all;\r\n overflow: hidden;\r\n font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n clear: both;\r\n width: 100%;\r\n padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n width: 100%;\r\n text-align: left;\r\n padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n float: left;\r\n width: 20%;\r\n height: 26px;\r\n min-width: 50px;\r\n margin-left: 10px;\r\n border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n float: left;\r\n width: 20%;\r\n min-width: 4rem;\r\n height: 26px;\r\n margin: 0 0 0 14px;\r\n border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n width: 96%;\r\n height: 24px;\r\n margin: 1px 2%;\r\n background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n float: left;\r\n width: 86%;\r\n height: 32px;\r\n border: 1px solid #E7E8EC;\r\n margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n float: left;\r\n width: 32%;\r\n height: 28px;\r\n margin: 2px .55%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n position: relative;\r\n width: 94%;\r\n height: 88%;\r\n margin: 3%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n float: left;\r\n width: 24%;\r\n height: 28px;\r\n margin: 2px .38%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n position: relative;\r\n width: 94%;\r\n height: 88%;\r\n margin: 3%;\r\n background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n float: left;\r\n width: 63%;\r\n height: 15px;\r\n margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n width: auto!important;\r\n min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "67px",
										"inAnime" : {
											"type" : 5,
											"duration" : 1000,
											"delay" : 1200,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div inside-styles=\"\" style=\"width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 2.5em; font-family: SimHei; color: rgb(230, 231, 236);\">\n <div><div>LA VIE EN ROSE<\/div><div id=\"cover\" style=\"height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; box-sizing: border-box; border: 0px solid rgb(204, 204, 204); opacity: 1; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;\"><br><\/div><\/div><div><br><\/div>\n <\/div>\n ",
										"innerText" : "双击编辑内容",
										"left" : "102px",
										"lineHeight" : 1,
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "896px",
										"width" : "350px",
										"zIndex" : 11700,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								} ],
						"imgList" : null,
						"effect" : {
							"imgUrl" : "",
							"type" : 0
						},
						"data" : {
							"undefined" : []
						},
						"version" : 1,
						"update_time" : 1432891394
					},
					{
						"_id" : {
							"$id" : "55683023e45e2a7d508b4569"
						},
						"case_id" : 22465,
						"page_id" : 133306,
						"icon" : "http:\/\/u.liveapp.cn\/group2\/M00\/07\/E3\/CoQ8n1Vn2yyAWPuNAAG1xEpgPjI729.jpg",
						"page_order" : 1,
						"bgType" : 0,
						"bgColor" : "#ffffff",
						"bgImage" : null,
						"bgLayout" : null,
						"outAnime" : {
							"delay" : 0,
							"duration" : 0,
							"type" : 0
						},
						"inAnime" : {
							"delay" : 0,
							"duration" : null,
							"type" : 0
						},
						"comList" : [
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 1,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 0,
									"data" : {
										"insideBackgroundImage" : "http:\/\/u.liveapp.cn\/group2\/M00\/07\/E0\/CoQ8n1Vn18iAKUbGAAD76GdqHlw413.jpg",
										"imageName" : "活动02.jpg"
									},
									"animeShowClass" : "fadeIn 1s",
									"uuid" : "singleimage8ssh7b7v",
									"name" : "图片组件",
									"type" : "singleimage",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[0].attrs.width) *0.5992366412213741)\" ms-css-height=\"Math.floor(parseFloat(comInsList[0].attrs.height) *0.5992366412213741)\" ms-css-top=\"Math.floor(parseFloat(comInsList[0].attrs.top) *0.5992366412213741)\" ms-css-left=\"Math.floor(parseFloat(comInsList[0].attrs.left) *0.5992366412213741)\" ms-css-line-height=\"comInsList[0].attrs.lineHeight\" ms-css-z-index=\"comInsList[0].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 0)\" ms-dblclick=\"comsDblckick($event, 0)\" ms-class-1=\"u-comChoose: comInsList[0].isChoose\" ms-css-webkit-animation=\"{{comInsList[0].animeShowClass}}\" ms-css-animation=\"{{comInsList[0].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[0].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[0].isDeleted\" data-index=\"0\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 0)\" class=\"u-com-c\"><div class=\"\">{{comInsList[0].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singleimage\" class=\"c-conf-panel\">\r\n    <div class=\"c-conf-row\">\r\n        <!-- 图片部分 -->\r\n        <div class=\"u-image-wrap f-float-l\">\r\n            <div class=\"u-image-large f-bg-tensile\" \r\n                style=\"background-size: contain !important; background-position: 50% 50%;\" \r\n                ms-css-background-image=\"'url(' + insideBackgroundImage + ')'\"><\/div>\r\n        <\/div>\r\n        <!-- 操作部分 -->\r\n        <div class=\"c-input-box c-conf-col-18\">\r\n            <div class=\"f-mt-8\">\r\n                <label class=\"u-label c-conf-col-14 f-float-l\" ms-attr-title=\"imageName\">{{imageName}}<\/label>\r\n                <a href=\"javascript:void(0);\" class=\"icon-x24 icon-x24-remove\" ms-on-click=\"deleteImage\"><\/a>\r\n            <\/div>\r\n            <a href=\"javascript:void(0);\" class=\"u-btn u-btn-large z-singleLine f-mt-8\" ms-on-click=\"addImage\">更换图片<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 编辑区展示部分代码 -->\r\n    <div id=\"singleImageEditorHTMLRander\" class=\"f-hide\">\r\n        <div class=\"c-singleimage\" inside-styles=\"all\" style=\"width: 100%; height: 100%;\">\r\n            <img ms-src=\"insideBackgroundImage\" ms-css-border-radius=\"comStyles.borderRadius\"\/>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>",
									"css" : ".c-singleimage {\r\n    background-repeat: no-repeat;\r\n    background-position: 50% 50%;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t    \r\n}\r\n\r\n.c-singleimage img{\r\n\tmax-width: 100%;\r\n\tmax-height: 100%; \r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \t\r\n}",
									"editorCss" : "",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/",
									"plugin" : "",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : "0",
										"height" : "788px",
										"inAnime" : {
											"type" : 4,
											"duration" : 1500,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div class=\"c-singleimage\" inside-styles=\"\" style=\"width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: transparent; background-image: none; opacity: 1;\" background-layout=\"center\">\n <img src=\"http:\/\/u.liveapp.cn\/group2\/M00\/07\/E0\/CoQ8n1Vn18iAKUbGAAD76GdqHlw413.jpg\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;\">\n <\/div>\n ",
										"left" : "0px",
										"opacity" : "1",
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "107px",
										"width" : "640px",
										"zIndex" : 10100,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 1,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 1,
									"data" : {
										"insideBackgroundImage" : "http:\/\/u.liveapp.cn\/group2\/M00\/06\/29\/CoQ8n1VlgvKALRrrAAAB2TO5NTI802.png",
										"imageName" : "无"
									},
									"animeShowClass" : "rotateIn 1s",
									"uuid" : "singleimagermejmyfv",
									"name" : "图片组件",
									"type" : "singleimage",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[1].attrs.width) *0.5992366412213741)\" ms-css-height=\"Math.floor(parseFloat(comInsList[1].attrs.height) *0.5992366412213741)\" ms-css-top=\"Math.floor(parseFloat(comInsList[1].attrs.top) *0.5992366412213741)\" ms-css-left=\"Math.floor(parseFloat(comInsList[1].attrs.left) *0.5992366412213741)\" ms-css-line-height=\"comInsList[1].attrs.lineHeight\" ms-css-z-index=\"comInsList[1].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 1)\" ms-dblclick=\"comsDblckick($event, 1)\" ms-class-1=\"u-comChoose: comInsList[1].isChoose\" ms-css-webkit-animation=\"{{comInsList[1].animeShowClass}}\" ms-css-animation=\"{{comInsList[1].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[1].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[1].isDeleted\" data-index=\"1\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 1)\" class=\"u-com-c\"><div class=\"\">{{comInsList[1].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singleimage\" class=\"c-conf-panel\">\r\n    <div class=\"c-conf-row\">\r\n        <!-- 图片部分 -->\r\n        <div class=\"u-image-wrap f-float-l\">\r\n            <div class=\"u-image-large f-bg-tensile\" \r\n                style=\"background-size: contain !important; background-position: 50% 50%;\" \r\n                ms-css-background-image=\"'url(' + insideBackgroundImage + ')'\"><\/div>\r\n        <\/div>\r\n        <!-- 操作部分 -->\r\n        <div class=\"c-input-box c-conf-col-18\">\r\n            <div class=\"f-mt-8\">\r\n                <label class=\"u-label c-conf-col-14 f-float-l\" ms-attr-title=\"imageName\">{{imageName}}<\/label>\r\n                <a href=\"javascript:void(0);\" class=\"icon-x24 icon-x24-remove\" ms-on-click=\"deleteImage\"><\/a>\r\n            <\/div>\r\n            <a href=\"javascript:void(0);\" class=\"u-btn u-btn-large z-singleLine f-mt-8\" ms-on-click=\"addImage\">更换图片<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 编辑区展示部分代码 -->\r\n    <div id=\"singleImageEditorHTMLRander\" class=\"f-hide\">\r\n        <div class=\"c-singleimage\" inside-styles=\"all\" style=\"width: 100%; height: 100%;\">\r\n            <img ms-src=\"insideBackgroundImage\" ms-css-border-radius=\"comStyles.borderRadius\"\/>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>",
									"css" : ".c-singleimage {\r\n    background-repeat: no-repeat;\r\n    background-position: 50% 50%;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t    \r\n}\r\n\r\n.c-singleimage img{\r\n\tmax-width: 100%;\r\n\tmax-height: 100%; \r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \t\r\n}",
									"editorCss" : "",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/",
									"plugin" : "",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "#cccccc",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "314px",
										"inAnime" : {
											"type" : 16,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div class=\"c-singleimage\" inside-styles=\"\" style=\"width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-radius: 0px; opacity: 1; background-image: none; background-color: transparent;\" background-layout=\"center\">\n <img src=\"http:\/\/u.liveapp.cn\/group2\/M00\/06\/29\/CoQ8n1VlgvKALRrrAAAB2TO5NTI802.png\" style=\"border-radius: 0px;\">\n <\/div>\n ",
										"left" : "62px",
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "315px",
										"width" : "506px",
										"zIndex" : 10200,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 2,
									"data" : {
										"fontSize" : "3.75em",
										"fontFace" : "SimHei",
										"lineHeight" : "1",
										"textAlign" : "center",
										"bold" : false,
										"italic" : false,
										"underline" : false,
										"color" : "#ff1a60",
										"innerText" : "<div>Spring<\/div>"
									},
									"animeShowClass" : "fadeInLeft 1s",
									"uuid" : "singletextk8u55w8m",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[2].attrs.width) *0.5992366412213741)\" ms-css-height=\"Math.floor(parseFloat(comInsList[2].attrs.height) *0.5992366412213741)\" ms-css-top=\"Math.floor(parseFloat(comInsList[2].attrs.top) *0.5992366412213741)\" ms-css-left=\"Math.floor(parseFloat(comInsList[2].attrs.left) *0.5992366412213741)\" ms-css-line-height=\"comInsList[2].attrs.lineHeight\" ms-css-z-index=\"comInsList[2].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 2)\" ms-dblclick=\"comsDblckick($event, 2)\" ms-class-1=\"u-comChoose: comInsList[2].isChoose\" ms-css-webkit-animation=\"{{comInsList[2].animeShowClass}}\" ms-css-animation=\"{{comInsList[2].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[2].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[2].isDeleted\" data-index=\"2\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 2)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[2].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n    <!-- 字体设置部分 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">字体<\/label>\r\n        <!-- 字号设置 -->\r\n        <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n            <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!-- 字体设置 -->\r\n        <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n            <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!--  字体颜色选择 -->\r\n        <div class=\"u-colorpicker\">\r\n            <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n        <\/div>\r\n    <\/div><!-- 字体设置部分 end-->\r\n\r\n    <!-- 字体样式设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\"><\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 字体样式设置end-->\r\n    <\/div>\r\n\r\n    <!-- 对齐设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">对齐<\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('right')\"  ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('justify')\"  ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 对齐设置end-->\r\n    <\/div>\r\n\r\n    <!-- 行间距 begin -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">行间距<\/label>\r\n\r\n        <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n            <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n    <\/div><!-- 行间距 end -->\r\n\r\n    <!-- 文本组件输出部分 -->\r\n    <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n        <div inside-styles=\"\"\r\n             ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n             ms-css-font-style=\"italic ? 'italic' : ''\"\r\n             ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n             ms-css-line-height=\"lineHeight\"\r\n             ms-css-text-align=\"textAlign\"\r\n             ms-css-font-size=\"fontSize\"\r\n             ms-css-font-family=\"fontFace\"\r\n             ms-css-color=\"color\"\r\n             style=\"width: 100%; height:100%;\"   >\r\n                {{(innerText || '双击编辑内容') | html}}\r\n        <\/div>\r\n    <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n    position: absolute;\r\n    word-break: break-all;\r\n    overflow: hidden;\r\n    font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n    clear: both;\r\n    width: 100%;\r\n    padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n    min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n    width: 100%;\r\n    text-align: left;\r\n    padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n    float: left;\r\n    width: 20%;\r\n    height: 26px;\r\n    min-width: 50px;\r\n    margin-left: 10px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n    float: left;\r\n    width: 20%;\r\n    min-width: 4rem;\r\n    height: 26px;\r\n    margin: 0 0 0 14px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n    width: 96%;\r\n    height: 24px;\r\n    margin: 1px 2%;\r\n    background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n    float: left;\r\n    width: 86%;\r\n    height: 32px;\r\n    border: 1px solid #E7E8EC;\r\n    margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n    float: left;\r\n    width: 32%;\r\n    height: 28px;\r\n    margin: 2px .55%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n    float: left;\r\n    width: 24%;\r\n    height: 28px;\r\n    margin: 2px .38%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n    float: left;\r\n    width: 63%;\r\n    height: 15px;\r\n    margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n    box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n    width: auto!important;\r\n    min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n    margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n    margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "#cccccc",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "67px",
										"inAnime" : {
											"type" : 13,
											"duration" : 1000,
											"delay" : 1000,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div inside-styles=\"\" style=\"width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 3.75em; font-family: SimHei; color: rgb(255, 26, 96);\">\n <div>Spring<\/div>\n <\/div>\n ",
										"innerText" : "双击编辑内容",
										"left" : "47px",
										"lineHeight" : 1,
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "409px",
										"width" : "299px",
										"zIndex" : 10300,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 3,
									"data" : {
										"fontSize" : "3.75em",
										"fontFace" : "SimHei",
										"lineHeight" : "1",
										"textAlign" : "center",
										"bold" : false,
										"italic" : false,
										"underline" : false,
										"color" : "#ff145c",
										"innerText" : "<div>Summer<\/div>"
									},
									"animeShowClass" : "fadeInRight 1s",
									"uuid" : "singletextnih5vumo",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[3].attrs.width) *0.5992366412213741)\" ms-css-height=\"Math.floor(parseFloat(comInsList[3].attrs.height) *0.5992366412213741)\" ms-css-top=\"Math.floor(parseFloat(comInsList[3].attrs.top) *0.5992366412213741)\" ms-css-left=\"Math.floor(parseFloat(comInsList[3].attrs.left) *0.5992366412213741)\" ms-css-line-height=\"comInsList[3].attrs.lineHeight\" ms-css-z-index=\"comInsList[3].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 3)\" ms-dblclick=\"comsDblckick($event, 3)\" ms-class-1=\"u-comChoose: comInsList[3].isChoose\" ms-css-webkit-animation=\"{{comInsList[3].animeShowClass}}\" ms-css-animation=\"{{comInsList[3].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[3].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[3].isDeleted\" data-index=\"3\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 3)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[3].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n    <!-- 字体设置部分 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">字体<\/label>\r\n        <!-- 字号设置 -->\r\n        <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n            <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!-- 字体设置 -->\r\n        <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n            <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!--  字体颜色选择 -->\r\n        <div class=\"u-colorpicker\">\r\n            <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n        <\/div>\r\n    <\/div><!-- 字体设置部分 end-->\r\n\r\n    <!-- 字体样式设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\"><\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 字体样式设置end-->\r\n    <\/div>\r\n\r\n    <!-- 对齐设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">对齐<\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('right')\"  ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('justify')\"  ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 对齐设置end-->\r\n    <\/div>\r\n\r\n    <!-- 行间距 begin -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">行间距<\/label>\r\n\r\n        <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n            <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n    <\/div><!-- 行间距 end -->\r\n\r\n    <!-- 文本组件输出部分 -->\r\n    <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n        <div inside-styles=\"\"\r\n             ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n             ms-css-font-style=\"italic ? 'italic' : ''\"\r\n             ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n             ms-css-line-height=\"lineHeight\"\r\n             ms-css-text-align=\"textAlign\"\r\n             ms-css-font-size=\"fontSize\"\r\n             ms-css-font-family=\"fontFace\"\r\n             ms-css-color=\"color\"\r\n             style=\"width: 100%; height:100%;\"   >\r\n                {{(innerText || '双击编辑内容') | html}}\r\n        <\/div>\r\n    <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n    position: absolute;\r\n    word-break: break-all;\r\n    overflow: hidden;\r\n    font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n    clear: both;\r\n    width: 100%;\r\n    padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n    min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n    width: 100%;\r\n    text-align: left;\r\n    padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n    float: left;\r\n    width: 20%;\r\n    height: 26px;\r\n    min-width: 50px;\r\n    margin-left: 10px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n    float: left;\r\n    width: 20%;\r\n    min-width: 4rem;\r\n    height: 26px;\r\n    margin: 0 0 0 14px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n    width: 96%;\r\n    height: 24px;\r\n    margin: 1px 2%;\r\n    background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n    float: left;\r\n    width: 86%;\r\n    height: 32px;\r\n    border: 1px solid #E7E8EC;\r\n    margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n    float: left;\r\n    width: 32%;\r\n    height: 28px;\r\n    margin: 2px .55%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n    float: left;\r\n    width: 24%;\r\n    height: 28px;\r\n    margin: 2px .38%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n    float: left;\r\n    width: 63%;\r\n    height: 15px;\r\n    margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n    box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n    width: auto!important;\r\n    min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n    margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n    margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "#cccccc",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "72px",
										"inAnime" : {
											"type" : 14,
											"duration" : 1000,
											"delay" : 1000,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div inside-styles=\"\" style=\"width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 3.75em; font-family: SimHei; color: rgb(255, 20, 92);\">\n <div>Summer<\/div>\n <\/div>\n ",
										"innerText" : "双击编辑内容",
										"left" : "309px",
										"lineHeight" : 1,
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "486px",
										"width" : "299px",
										"zIndex" : 10400,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 4,
									"data" : {
										"fontSize" : "1.5em",
										"fontFace" : "SimHei",
										"lineHeight" : "1",
										"textAlign" : "center",
										"bold" : false,
										"italic" : false,
										"underline" : false,
										"color" : "#ff1f5d",
										"innerText" : "<div>design by<\/div>"
									},
									"animeShowClass" : "fadeIn 1s",
									"uuid" : "singletexth0ufzhl0",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[4].attrs.width) *0.5992366412213741)\" ms-css-height=\"Math.floor(parseFloat(comInsList[4].attrs.height) *0.5992366412213741)\" ms-css-top=\"Math.floor(parseFloat(comInsList[4].attrs.top) *0.5992366412213741)\" ms-css-left=\"Math.floor(parseFloat(comInsList[4].attrs.left) *0.5992366412213741)\" ms-css-line-height=\"comInsList[4].attrs.lineHeight\" ms-css-z-index=\"comInsList[4].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 4)\" ms-dblclick=\"comsDblckick($event, 4)\" ms-class-1=\"u-comChoose: comInsList[4].isChoose\" ms-css-webkit-animation=\"{{comInsList[4].animeShowClass}}\" ms-css-animation=\"{{comInsList[4].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[4].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[4].isDeleted\" data-index=\"4\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 4)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[4].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n    <!-- 字体设置部分 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">字体<\/label>\r\n        <!-- 字号设置 -->\r\n        <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n            <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!-- 字体设置 -->\r\n        <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n            <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!--  字体颜色选择 -->\r\n        <div class=\"u-colorpicker\">\r\n            <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n        <\/div>\r\n    <\/div><!-- 字体设置部分 end-->\r\n\r\n    <!-- 字体样式设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\"><\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 字体样式设置end-->\r\n    <\/div>\r\n\r\n    <!-- 对齐设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">对齐<\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('right')\"  ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('justify')\"  ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 对齐设置end-->\r\n    <\/div>\r\n\r\n    <!-- 行间距 begin -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">行间距<\/label>\r\n\r\n        <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n            <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n    <\/div><!-- 行间距 end -->\r\n\r\n    <!-- 文本组件输出部分 -->\r\n    <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n        <div inside-styles=\"\"\r\n             ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n             ms-css-font-style=\"italic ? 'italic' : ''\"\r\n             ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n             ms-css-line-height=\"lineHeight\"\r\n             ms-css-text-align=\"textAlign\"\r\n             ms-css-font-size=\"fontSize\"\r\n             ms-css-font-family=\"fontFace\"\r\n             ms-css-color=\"color\"\r\n             style=\"width: 100%; height:100%;\"   >\r\n                {{(innerText || '双击编辑内容') | html}}\r\n        <\/div>\r\n    <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n    position: absolute;\r\n    word-break: break-all;\r\n    overflow: hidden;\r\n    font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n    clear: both;\r\n    width: 100%;\r\n    padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n    min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n    width: 100%;\r\n    text-align: left;\r\n    padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n    float: left;\r\n    width: 20%;\r\n    height: 26px;\r\n    min-width: 50px;\r\n    margin-left: 10px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n    float: left;\r\n    width: 20%;\r\n    min-width: 4rem;\r\n    height: 26px;\r\n    margin: 0 0 0 14px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n    width: 96%;\r\n    height: 24px;\r\n    margin: 1px 2%;\r\n    background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n    float: left;\r\n    width: 86%;\r\n    height: 32px;\r\n    border: 1px solid #E7E8EC;\r\n    margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n    float: left;\r\n    width: 32%;\r\n    height: 28px;\r\n    margin: 2px .55%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n    float: left;\r\n    width: 24%;\r\n    height: 28px;\r\n    margin: 2px .38%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n    float: left;\r\n    width: 63%;\r\n    height: 15px;\r\n    margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n    box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n    width: auto!important;\r\n    min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n    margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n    margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "#cccccc",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "37px",
										"inAnime" : {
											"type" : 4,
											"duration" : 1000,
											"delay" : 1500,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div inside-styles=\"\" style=\"width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 1.5em; font-family: SimHei; color: rgb(255, 31, 93);\">\n <div>design by<\/div>\n <\/div>\n ",
										"innerText" : "双击编辑内容",
										"left" : "134px",
										"lineHeight" : 1,
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "909px",
										"width" : "299px",
										"zIndex" : 10500,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 5,
									"data" : {
										"fontSize" : "2.5em",
										"fontFace" : "SimHei",
										"lineHeight" : "1",
										"textAlign" : "center",
										"bold" : true,
										"italic" : true,
										"underline" : false,
										"color" : "rgba(255,5,83,1)",
										"innerText" : "<div><div><div>MUSE<\/div><\/div><div><br><\/div><\/div><div><br><\/div>"
									},
									"animeShowClass" : "fadeIn 1s",
									"uuid" : "singletextyeki9rg9",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[5].attrs.width) *0.5992366412213741)\" ms-css-height=\"Math.floor(parseFloat(comInsList[5].attrs.height) *0.5992366412213741)\" ms-css-top=\"Math.floor(parseFloat(comInsList[5].attrs.top) *0.5992366412213741)\" ms-css-left=\"Math.floor(parseFloat(comInsList[5].attrs.left) *0.5992366412213741)\" ms-css-line-height=\"comInsList[5].attrs.lineHeight\" ms-css-z-index=\"comInsList[5].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 5)\" ms-dblclick=\"comsDblckick($event, 5)\" ms-class-1=\"u-comChoose: comInsList[5].isChoose\" ms-css-webkit-animation=\"{{comInsList[5].animeShowClass}}\" ms-css-animation=\"{{comInsList[5].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[5].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[5].isDeleted\" data-index=\"5\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 5)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[5].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n    <!-- 字体设置部分 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">字体<\/label>\r\n        <!-- 字号设置 -->\r\n        <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n            <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!-- 字体设置 -->\r\n        <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n            <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!--  字体颜色选择 -->\r\n        <div class=\"u-colorpicker\">\r\n            <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n        <\/div>\r\n    <\/div><!-- 字体设置部分 end-->\r\n\r\n    <!-- 字体样式设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\"><\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 字体样式设置end-->\r\n    <\/div>\r\n\r\n    <!-- 对齐设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">对齐<\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('right')\"  ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('justify')\"  ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 对齐设置end-->\r\n    <\/div>\r\n\r\n    <!-- 行间距 begin -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">行间距<\/label>\r\n\r\n        <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n            <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n    <\/div><!-- 行间距 end -->\r\n\r\n    <!-- 文本组件输出部分 -->\r\n    <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n        <div inside-styles=\"\"\r\n             ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n             ms-css-font-style=\"italic ? 'italic' : ''\"\r\n             ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n             ms-css-line-height=\"lineHeight\"\r\n             ms-css-text-align=\"textAlign\"\r\n             ms-css-font-size=\"fontSize\"\r\n             ms-css-font-family=\"fontFace\"\r\n             ms-css-color=\"color\"\r\n             style=\"width: 100%; height:100%;\"   >\r\n                {{(innerText || '双击编辑内容') | html}}\r\n        <\/div>\r\n    <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n    position: absolute;\r\n    word-break: break-all;\r\n    overflow: hidden;\r\n    font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n    clear: both;\r\n    width: 100%;\r\n    padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n    min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n    width: 100%;\r\n    text-align: left;\r\n    padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n    float: left;\r\n    width: 20%;\r\n    height: 26px;\r\n    min-width: 50px;\r\n    margin-left: 10px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n    float: left;\r\n    width: 20%;\r\n    min-width: 4rem;\r\n    height: 26px;\r\n    margin: 0 0 0 14px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n    width: 96%;\r\n    height: 24px;\r\n    margin: 1px 2%;\r\n    background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n    float: left;\r\n    width: 86%;\r\n    height: 32px;\r\n    border: 1px solid #E7E8EC;\r\n    margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n    float: left;\r\n    width: 32%;\r\n    height: 28px;\r\n    margin: 2px .55%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n    float: left;\r\n    width: 24%;\r\n    height: 28px;\r\n    margin: 2px .38%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n    float: left;\r\n    width: 63%;\r\n    height: 15px;\r\n    margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n    box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n    width: auto!important;\r\n    min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n    margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n    margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "62px",
										"inAnime" : {
											"type" : 4,
											"duration" : 1000,
											"delay" : 2000,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div inside-styles=\"\" style=\"width: 100%; height: 100%; font-weight: bold; font-style: italic; line-height: 1; text-align: center; font-size: 2.5em; font-family: SimHei; color: rgb(255, 5, 83);\">\n <div><div><div>MUSE<\/div><\/div><div><br><\/div><\/div><div><br><\/div>\n <\/div>\n ",
										"innerText" : "双击编辑内容",
										"left" : "252px",
										"lineHeight" : 1,
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "908px",
										"width" : "299px",
										"zIndex" : 10600,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								} ],
						"imgList" : null,
						"effect" : {
							"imgUrl" : "",
							"type" : 0
						},
						"data" : [],
						"version" : 1,
						"update_time" : 1432873799
					},
					{
						"_id" : {
							"$id" : "55683023e45e2a7d508b4567"
						},
						"case_id" : 22465,
						"page_id" : 134124,
						"icon" : "http:\/\/u.liveapp.cn\/group2\/M00\/08\/47\/CoQ8n1VoLzqAR-A1AAPB1cBQFe0970.jpg",
						"page_order" : 2,
						"bgType" : 2,
						"bgColor" : "#ffffff",
						"bgImage" : "url(http:\/\/u.liveapp.cn\/group2\/M00\/04\/09\/CoQ8n1VdaISASr5_AAadt5qjyKU205.jpg)",
						"bgLayout" : "center",
						"outAnime" : {
							"delay" : null,
							"duration" : 0,
							"type" : 0
						},
						"inAnime" : {
							"delay" : null,
							"duration" : null,
							"type" : 0
						},
						"comList" : [
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 1,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 0,
									"data" : {
										"insideBackgroundImage" : "http:\/\/u.liveapp.cn\/group2\/M00\/04\/09\/CoQ8n1VdaI-AYj5nAACn8yPPi7g861.png",
										"imageName" : "1.png"
									},
									"animeShowClass" : "zoomIn 1s",
									"uuid" : "singleimagey6fzzsna",
									"name" : "图片组件",
									"type" : "singleimage",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[0].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[0].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[0].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[0].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[0].attrs.lineHeight\" ms-css-z-index=\"comInsList[0].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 0)\" ms-dblclick=\"comsDblckick($event, 0)\" ms-class-1=\"u-comChoose: comInsList[0].isChoose\" ms-css-webkit-animation=\"{{comInsList[0].animeShowClass}}\" ms-css-animation=\"{{comInsList[0].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[0].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[0].isDeleted\" data-index=\"0\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 0)\" class=\"u-com-c\"><div class=\"\">{{comInsList[0].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singleimage\" class=\"c-conf-panel\">\r\n    <div class=\"c-conf-row\">\r\n        <!-- 图片部分 -->\r\n        <div class=\"u-image-wrap f-float-l\">\r\n            <div class=\"u-image-large f-bg-tensile\" \r\n                style=\"background-size: contain !important; background-position: 50% 50%;\" \r\n                ms-css-background-image=\"'url(' + insideBackgroundImage + ')'\"><\/div>\r\n        <\/div>\r\n        <!-- 操作部分 -->\r\n        <div class=\"c-input-box c-conf-col-18\">\r\n            <div class=\"f-mt-8\">\r\n                <label class=\"u-label c-conf-col-14 f-float-l\" ms-attr-title=\"imageName\">{{imageName}}<\/label>\r\n                <a href=\"javascript:void(0);\" class=\"icon-x24 icon-x24-remove\" ms-on-click=\"deleteImage\"><\/a>\r\n            <\/div>\r\n            <a href=\"javascript:void(0);\" class=\"u-btn u-btn-large z-singleLine f-mt-8\" ms-on-click=\"addImage\">更换图片<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 编辑区展示部分代码 -->\r\n    <div id=\"singleImageEditorHTMLRander\" class=\"f-hide\">\r\n        <div class=\"c-singleimage\" inside-styles=\"all\" style=\"width: 100%; height: 100%;\">\r\n            <img ms-src=\"insideBackgroundImage\" ms-css-border-radius=\"comStyles.borderRadius\"\/>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>",
									"css" : ".c-singleimage {\r\n    background-repeat: no-repeat;\r\n    background-position: 50% 50%;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t    \r\n}\r\n\r\n.c-singleimage img{\r\n\tmax-width: 100%;\r\n\tmax-height: 100%; \r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \t\r\n}",
									"editorCss" : "",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/",
									"plugin" : "",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : "0",
										"height" : "260px",
										"inAnime" : {
											"type" : 10,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div class=\"c-singleimage\" inside-styles=\"\" style=\"width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: transparent; background-image: none; opacity: 1;\" background-layout=\"center\">\n <img style=\"width: 100%; height: 100%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;\" src=\"http:\/\/u.liveapp.cn\/group2\/M00\/04\/09\/CoQ8n1VdaI-AYj5nAACn8yPPi7g861.png\">\n <\/div>\n ",
										"left" : "0px",
										"opacity" : "1",
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "297px",
										"width" : "640px",
										"zIndex" : 10100,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 1,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 1,
									"data" : {
										"insideBackgroundImage" : "http:\/\/u.liveapp.cn\/group2\/M00\/04\/09\/CoQ8n1VdaKqAWrPaAAAFEJFayts221.png",
										"imageName" : "无"
									},
									"animeShowClass" : "fadeInRight 1s",
									"uuid" : "singleimage4xr7zlsw",
									"name" : "图片组件",
									"type" : "singleimage",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[1].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[1].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[1].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[1].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[1].attrs.lineHeight\" ms-css-z-index=\"comInsList[1].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 1)\" ms-dblclick=\"comsDblckick($event, 1)\" ms-class-1=\"u-comChoose: comInsList[1].isChoose\" ms-css-webkit-animation=\"{{comInsList[1].animeShowClass}}\" ms-css-animation=\"{{comInsList[1].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[1].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[1].isDeleted\" data-index=\"1\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 1)\" class=\"u-com-c\"><div class=\"\">{{comInsList[1].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singleimage\" class=\"c-conf-panel\">\r\n    <div class=\"c-conf-row\">\r\n        <!-- 图片部分 -->\r\n        <div class=\"u-image-wrap f-float-l\">\r\n            <div class=\"u-image-large f-bg-tensile\" \r\n                style=\"background-size: contain !important; background-position: 50% 50%;\" \r\n                ms-css-background-image=\"'url(' + insideBackgroundImage + ')'\"><\/div>\r\n        <\/div>\r\n        <!-- 操作部分 -->\r\n        <div class=\"c-input-box c-conf-col-18\">\r\n            <div class=\"f-mt-8\">\r\n                <label class=\"u-label c-conf-col-14 f-float-l\" ms-attr-title=\"imageName\">{{imageName}}<\/label>\r\n                <a href=\"javascript:void(0);\" class=\"icon-x24 icon-x24-remove\" ms-on-click=\"deleteImage\"><\/a>\r\n            <\/div>\r\n            <a href=\"javascript:void(0);\" class=\"u-btn u-btn-large z-singleLine f-mt-8\" ms-on-click=\"addImage\">更换图片<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 编辑区展示部分代码 -->\r\n    <div id=\"singleImageEditorHTMLRander\" class=\"f-hide\">\r\n        <div class=\"c-singleimage\" inside-styles=\"all\" style=\"width: 100%; height: 100%;\">\r\n            <img ms-src=\"insideBackgroundImage\" ms-css-border-radius=\"comStyles.borderRadius\"\/>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>",
									"css" : ".c-singleimage {\r\n    background-repeat: no-repeat;\r\n    background-position: 50% 50%;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t    \r\n}\r\n\r\n.c-singleimage img{\r\n\tmax-width: 100%;\r\n\tmax-height: 100%; \r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \t\r\n}",
									"editorCss" : "",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/",
									"plugin" : "",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "#cccccc",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "62px",
										"inAnime" : {
											"type" : 14,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div class=\"c-singleimage\" inside-styles=\"\" style=\"width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-radius: 0px; opacity: 1; background-image: none; background-color: transparent;\" background-layout=\"center\">\n <img style=\"width: 100%; height: 100%; border-radius: 0px;\" src=\"http:\/\/u.liveapp.cn\/group2\/M00\/04\/09\/CoQ8n1VdaKqAWrPaAAAFEJFayts221.png\">\n <\/div>\n ",
										"left" : "0px",
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "492px",
										"width" : "640px",
										"zIndex" : 10200,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 1,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 2,
									"data" : {
										"insideBackgroundImage" : "http:\/\/u.liveapp.cn\/group2\/M00\/04\/0A\/CoQ8n1VdaymAH2vFAAAFPe74zsQ398.png",
										"imageName" : "无"
									},
									"animeShowClass" : "fadeInLeft 1s",
									"uuid" : "singleimageqb8iqtga",
									"name" : "图片组件",
									"type" : "singleimage",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[2].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[2].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[2].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[2].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[2].attrs.lineHeight\" ms-css-z-index=\"comInsList[2].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 2)\" ms-dblclick=\"comsDblckick($event, 2)\" ms-class-1=\"u-comChoose: comInsList[2].isChoose\" ms-css-webkit-animation=\"{{comInsList[2].animeShowClass}}\" ms-css-animation=\"{{comInsList[2].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[2].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[2].isDeleted\" data-index=\"2\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 2)\" class=\"u-com-c\"><div class=\"\">{{comInsList[2].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singleimage\" class=\"c-conf-panel\">\r\n    <div class=\"c-conf-row\">\r\n        <!-- 图片部分 -->\r\n        <div class=\"u-image-wrap f-float-l\">\r\n            <div class=\"u-image-large f-bg-tensile\" \r\n                style=\"background-size: contain !important; background-position: 50% 50%;\" \r\n                ms-css-background-image=\"'url(' + insideBackgroundImage + ')'\"><\/div>\r\n        <\/div>\r\n        <!-- 操作部分 -->\r\n        <div class=\"c-input-box c-conf-col-18\">\r\n            <div class=\"f-mt-8\">\r\n                <label class=\"u-label c-conf-col-14 f-float-l\" ms-attr-title=\"imageName\">{{imageName}}<\/label>\r\n                <a href=\"javascript:void(0);\" class=\"icon-x24 icon-x24-remove\" ms-on-click=\"deleteImage\"><\/a>\r\n            <\/div>\r\n            <a href=\"javascript:void(0);\" class=\"u-btn u-btn-large z-singleLine f-mt-8\" ms-on-click=\"addImage\">更换图片<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 编辑区展示部分代码 -->\r\n    <div id=\"singleImageEditorHTMLRander\" class=\"f-hide\">\r\n        <div class=\"c-singleimage\" inside-styles=\"all\" style=\"width: 100%; height: 100%;\">\r\n            <img ms-src=\"insideBackgroundImage\" ms-css-border-radius=\"comStyles.borderRadius\"\/>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>",
									"css" : ".c-singleimage {\r\n    background-repeat: no-repeat;\r\n    background-position: 50% 50%;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t    \r\n}\r\n\r\n.c-singleimage img{\r\n\tmax-width: 100%;\r\n\tmax-height: 100%; \r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-pack: center;\r\n\t-webkit-box-align: center;\r\n\tdisplay: -moz-box;\r\n\t-moz-box-pack: center;\r\n\t-moz-box-align: center;\t \t\r\n}",
									"editorCss" : "",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/image\/singleimage\/",
									"plugin" : "",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "#cccccc",
										"borderRadius" : "0",
										"borderWidth" : 0,
										"height" : "62px",
										"inAnime" : {
											"type" : 13,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n <div class=\"c-singleimage\" inside-styles=\"\" style=\"width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-radius: 0px; opacity: 1; background-image: none; background-color: transparent;\" background-layout=\"center\">\n <img style=\"width: 100%; height: 100%; border-radius: 0px;\" src=\"http:\/\/u.liveapp.cn\/group2\/M00\/04\/0A\/CoQ8n1VdaymAH2vFAAAFPe74zsQ398.png\">\n <\/div>\n ",
										"left" : "-3px",
										"opacity" : 1,
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "287px",
										"width" : "640px",
										"zIndex" : 10300,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 3,
									"data" : {
										"fontSize" : "2.5em",
										"fontFace" : "SimHei",
										"lineHeight" : "1",
										"textAlign" : "center",
										"bold" : false,
										"italic" : true,
										"underline" : false,
										"color" : "rgba(230,231,236,1)",
										"innerText" : "<div>开启星际PARTY<\/div><div><br><\/div>"
									},
									"animeShowClass" : "fadeInUp 1s",
									"uuid" : "singletextch4yb8yw",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[3].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[3].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[3].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[3].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[3].attrs.lineHeight\" ms-css-z-index=\"comInsList[3].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 3)\" ms-dblclick=\"comsDblckick($event, 3)\" ms-class-1=\"u-comChoose: comInsList[3].isChoose\" ms-css-webkit-animation=\"{{comInsList[3].animeShowClass}}\" ms-css-animation=\"{{comInsList[3].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[3].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[3].isDeleted\" data-index=\"3\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 3)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[3].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n    <!-- 字体设置部分 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">字体<\/label>\r\n        <!-- 字号设置 -->\r\n        <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n            <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!-- 字体设置 -->\r\n        <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n            <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!--  字体颜色选择 -->\r\n        <div class=\"u-colorpicker\">\r\n            <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n        <\/div>\r\n    <\/div><!-- 字体设置部分 end-->\r\n\r\n    <!-- 字体样式设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\"><\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 字体样式设置end-->\r\n    <\/div>\r\n\r\n    <!-- 对齐设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">对齐<\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('right')\"  ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('justify')\"  ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 对齐设置end-->\r\n    <\/div>\r\n\r\n    <!-- 行间距 begin -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">行间距<\/label>\r\n\r\n        <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n            <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n    <\/div><!-- 行间距 end -->\r\n\r\n    <!-- 文本组件输出部分 -->\r\n    <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n        <div inside-styles=\"\"\r\n             ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n             ms-css-font-style=\"italic ? 'italic' : ''\"\r\n             ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n             ms-css-line-height=\"lineHeight\"\r\n             ms-css-text-align=\"textAlign\"\r\n             ms-css-font-size=\"fontSize\"\r\n             ms-css-font-family=\"fontFace\"\r\n             ms-css-color=\"color\"\r\n             style=\"width: 100%; height:100%;\"   >\r\n                {{(innerText || '双击编辑内容') | html}}\r\n        <\/div>\r\n    <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n    position: absolute;\r\n    word-break: break-all;\r\n    overflow: hidden;\r\n    font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n    clear: both;\r\n    width: 100%;\r\n    padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n    min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n    width: 100%;\r\n    text-align: left;\r\n    padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n    float: left;\r\n    width: 20%;\r\n    height: 26px;\r\n    min-width: 50px;\r\n    margin-left: 10px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n    float: left;\r\n    width: 20%;\r\n    min-width: 4rem;\r\n    height: 26px;\r\n    margin: 0 0 0 14px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n    width: 96%;\r\n    height: 24px;\r\n    margin: 1px 2%;\r\n    background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n    float: left;\r\n    width: 86%;\r\n    height: 32px;\r\n    border: 1px solid #E7E8EC;\r\n    margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n    float: left;\r\n    width: 32%;\r\n    height: 28px;\r\n    margin: 2px .55%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n    float: left;\r\n    width: 24%;\r\n    height: 28px;\r\n    margin: 2px .38%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n    float: left;\r\n    width: 63%;\r\n    height: 15px;\r\n    margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n    box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n    width: auto!important;\r\n    min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n    margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n    margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : "0",
										"height" : "37px",
										"inAnime" : {
											"type" : 6,
											"duration" : 1000,
											"delay" : 1000,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n        <div inside-styles=\"\" style=\"width: 100%; height: 100%; font-style: italic; line-height: 1; text-align: center; font-size: 2.5em; font-family: SimHei; color: rgb(230, 231, 236);\">\n                <div>开启星际PARTY<\/div><div><br><\/div>\n        <\/div>\n    ",
										"innerText" : "双击编辑内容",
										"left" : "162px",
										"lineHeight" : 1,
										"opacity" : "1",
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "537px",
										"width" : "307px",
										"zIndex" : 10400,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								},
								{
									"isComDroped" : false,
									"isDragEnd" : false,
									"id" : 2,
									"isChoose" : false,
									"isDeleted" : false,
									"index" : 4,
									"data" : {
										"fontSize" : "2.5em",
										"fontFace" : "SimHei",
										"lineHeight" : "1.5",
										"textAlign" : "left",
										"bold" : false,
										"italic" : true,
										"underline" : false,
										"color" : "rgba(230,231,236,1)",
										"innerText" : "<div><div><div><div>&nbsp; 放眼银河，最HIGH是你<br><\/div><div><br><\/div><\/div><div><br><\/div><\/div><div><br><\/div><\/div><div><br><\/div>"
									},
									"animeShowClass" : "fadeInUp 1s",
									"uuid" : "singletextfrlz7vrs",
									"name" : "文本组件",
									"type" : "singletext",
									"has" : 1,
									"iconPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/icon.png",
									"html" : "<div class=\"f-abs c-c-container\" ms-resizable ms-css-width=\"Math.floor(parseFloat(comInsList[4].attrs.width) *0.6)\" ms-css-height=\"Math.floor(parseFloat(comInsList[4].attrs.height) *0.6)\" ms-css-top=\"Math.floor(parseFloat(comInsList[4].attrs.top) *0.6)\" ms-css-left=\"Math.floor(parseFloat(comInsList[4].attrs.left) *0.6)\" ms-css-line-height=\"comInsList[4].attrs.lineHeight\" ms-css-z-index=\"comInsList[4].attrs.zIndex\" draggable=\"true\" ms-click=\"comsChoose($event, 4)\" ms-dblclick=\"comsDblckick($event, 4)\" ms-class-1=\"u-comChoose: comInsList[4].isChoose\" ms-css-webkit-animation=\"{{comInsList[4].animeShowClass}}\" ms-css-animation=\"{{comInsList[4].animeShowClass}}\" ms-on-mousedown=\"mouseDown($event)\" ms-css-display=\"comInsList[4].isDragEnd ? 'block' : 'none'\" ms-if=\"!comInsList[4].isDeleted\" data-index=\"4\" ms-on-mouseup=\"rightMouseBtnClick(this, $event, 4)\" class=\"u-com-c\"><div class=\"c-single-text\">{{comInsList[4].attrs.innerHTML | html}}<\/div><div ms-class=\"tl-c\"><\/div><div ms-class=\"tr-c\"><\/div><div ms-class=\"bl-c\"><\/div><div ms-class=\"br-c\"><\/div><div><\/div><\/div>",
									"editorHtml" : "<!-- 页面遵循avalon规范 -->\r\n<section ms-controller=\"singletext\" class=\"u-conf-section\">\r\n    <!-- 字体设置部分 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">字体<\/label>\r\n        <!-- 字号设置 -->\r\n        <select ms-duplex=\"fontSize\" ms-on-change=\"fontSizeChange(fontSize)\" class=\"u-select c-span-8 f-ml-26 f-mr-2\">\r\n            <option ms-repeat=\"fontSizeList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!-- 字体设置 -->\r\n        <select ms-duplex=\"fontFace\" ms-on-change=\"fontFaceChange(fontFace)\" class=\"u-select c-span-7 f-mr-1\">\r\n            <option ms-repeat=\"fontFaceList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n\r\n        <!--  字体颜色选择 -->\r\n        <div class=\"u-colorpicker\">\r\n            <input class=\"c-color-choose\" ms-duplex=\"color\" ms-widget=\"colorpicker, $, $color\" \/>\r\n        <\/div>\r\n    <\/div><!-- 字体设置部分 end-->\r\n\r\n    <!-- 字体样式设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\"><\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextStyle('bold')\" ms-class=\"z-active: bold\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-blod\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('italic')\" ms-class=\"z-active: italic\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-italic\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextStyle('underline')\" ms-class=\"z-active: underline\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-underline\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 字体样式设置end-->\r\n    <\/div>\r\n\r\n    <!-- 对齐设置 -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">对齐<\/label>\r\n        <div class=\"c-input-box\">\r\n            <ul class=\"u-tab\">\r\n                <li ms-click=\"setTextAlignment('left')\" ms-click=\"setTextAlignment('left')\" ms-class=\"z-active: textAlign === 'left'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-left\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('center')\" ms-click=\"setTextAlignment('center')\" ms-class=\"z-active: textAlign === 'center'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-center\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('right')\"  ms-click=\"setTextAlignment('right')\" ms-class=\"z-active: textAlign === 'right'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-right\"><\/div><\/a>\r\n                <\/li>\r\n                <li ms-click=\"setTextAlignment('justify')\"  ms-click=\"setTextAlignment('justify')\" ms-class=\"z-active: textAlign === 'justify'\">\r\n                    <a class=\"small\"><div class=\"icon-x16 icon-x16-justify\"><\/div><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div><!-- 对齐设置end-->\r\n    <\/div>\r\n\r\n    <!-- 行间距 begin -->\r\n    <div class=\"c-conf-row\">\r\n        <label class=\"c-input-label\">行间距<\/label>\r\n\r\n        <select ms-duplex=\"lineHeight\" class=\"u-select c-span-6 f-float-r\">\r\n            <option ms-repeat=\"lineHeightList\" ms-attr-value=\"el.value\">{{el.label}}<\/option>\r\n        <\/select>\r\n    <\/div><!-- 行间距 end -->\r\n\r\n    <!-- 文本组件输出部分 -->\r\n    <section id=\"singleTextHTMLRender\" class=\"f-hide\">\r\n        <div inside-styles=\"\"\r\n             ms-css-font-weight=\"bold ? 'bold' : ''\"\r\n             ms-css-font-style=\"italic ? 'italic' : ''\"\r\n             ms-css-text-decoration=\"underline ? 'underline' : ''\"\r\n             ms-css-line-height=\"lineHeight\"\r\n             ms-css-text-align=\"textAlign\"\r\n             ms-css-font-size=\"fontSize\"\r\n             ms-css-font-family=\"fontFace\"\r\n             ms-css-color=\"color\"\r\n             style=\"width: 100%; height:100%;\"   >\r\n                {{(innerText || '双击编辑内容') | html}}\r\n        <\/div>\r\n    <\/section>\r\n<\/section>",
									"css" : ".c-single-text {\r\n    position: absolute;\r\n    word-break: break-all;\r\n    overflow: hidden;\r\n    font-size: 1rem;\r\n}",
									"editorCss" : ".singletext-textarea {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.m-fontset {\r\n    clear: both;\r\n    width: 100%;\r\n    padding: 16px 0 0 0px;\r\n}\r\n\r\n.m-fontset .u-select {\r\n    min-width: 80px;\r\n}\r\n\r\n.m-fontset label {\r\n    width: 100%;\r\n    text-align: left;\r\n    padding: 0 10px 10px 10px;\r\n}\r\n\r\n.m-fontset input {\r\n    float: left;\r\n    width: 20%;\r\n    height: 26px;\r\n    min-width: 50px;\r\n    margin-left: 10px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n\/* 颜色选择器 *\/\r\n.m-fontset .c-color-choose {\r\n    float: left;\r\n    width: 20%;\r\n    min-width: 4rem;\r\n    height: 26px;\r\n    margin: 0 0 0 14px;\r\n    border: 1px solid #E7E8EC;\r\n}\r\n\r\n.m-fontset .c-color-choose div {\r\n    width: 96%;\r\n    height: 24px;\r\n    margin: 1px 2%;\r\n    background-color: gray;\r\n}\r\n\r\n\/* 灰底方格 *\/\r\n.m-fontset .c-icon-container {\r\n    float: left;\r\n    width: 86%;\r\n    height: 32px;\r\n    border: 1px solid #E7E8EC;\r\n    margin: 0 0 0 14px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey {\r\n    float: left;\r\n    width: 32%;\r\n    height: 28px;\r\n    margin: 2px .55%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-3-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey {\r\n    float: left;\r\n    width: 24%;\r\n    height: 28px;\r\n    margin: 2px .38%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div {\r\n    position: relative;\r\n    width: 94%;\r\n    height: 88%;\r\n    margin: 3%;\r\n    background-color: #E6E7EC;\r\n}\r\n\r\n.m-fontset .c-icon-container .c-4-grey > div > div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n\/* 滑块部分 *\/\r\n.m-fontset .slider {\r\n    float: left;\r\n    width: 63%;\r\n    height: 15px;\r\n    margin: 5px 0 0 14px;\r\n}\r\n\r\n\/* 对齐 *\/\r\n.m-fontset .text-algin-active {\r\n    box-shadow: 0 0 0 2px #9DA0A9 inset;\r\n}\r\n\r\n\/* 单行标签 *\/\r\n.m-fontset .single-line-label {\r\n    width: auto!important;\r\n    min-width: 3.5rem;\r\n}\r\n\/* 单行输入框 *\/\r\n.m-fontset .single-line-input {\r\n    margin: 0!important;\r\n}\r\n\r\n\/* 函数 *\/\r\n.f-ml-14px {\r\n    margin-left: 14px!important;\r\n}\r\n\r\n",
									"jsPath" : "http:\/\/u.liveapp.cn\/tpl\/components\/text\/singletext\/",
									"plugin" : "richEditor",
									"attrs" : {
										"backgroundColor" : "transparent",
										"backgroundImage" : "none",
										"backgroundType" : 0,
										"borderColor" : "rgba(204,204,204,1)",
										"borderRadius" : "0",
										"borderWidth" : "0",
										"height" : "265px",
										"inAnime" : {
											"type" : 6,
											"duration" : 1000,
											"delay" : 1000,
											"count" : 1,
											"isInfinite" : false
										},
										"innerHTML" : "\n        <div inside-styles=\"\" style=\"width: 100%; height: 100%; font-style: italic; line-height: 1.5; text-align: left; font-size: 2.5em; font-family: SimHei; color: rgb(230, 231, 236);\">\n                <div><div><div><div>&nbsp; 放眼银河，最HIGH是你<br><\/div><div><br><\/div><\/div><div><br><\/div><\/div><div><br><\/div><\/div><div><br><\/div>\n        <\/div>\n    ",
										"innerText" : "双击编辑内容",
										"left" : "70px",
										"lineHeight" : 1,
										"opacity" : "1",
										"outAnime" : {
											"type" : 0,
											"duration" : 1000,
											"delay" : 500,
											"count" : 1,
											"isInfinite" : false
										},
										"rotate" : 0,
										"title" : "",
										"top" : "649px",
										"width" : "507px",
										"zIndex" : 10500,
										"backgroundLayout" : "center"
									},
									"isSearched" : true,
									"isSeted" : false
								} ],
						"imgList" : null,
						"effect" : {
							"imgUrl" : "",
							"type" : 0
						},
						"data" : [],
						"version" : 1,
						"update_time" : 1432891425
					} ]
		},
		pre : 0,
		host : 'http://eng.liveapp.cn',
		is_ad : 1,
		is_app : 1
	};
</script>
<style type="text/css">
.c-singleimage {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
}

.c-singleimage img {
	max-width: 100%;
	max-height: 100%;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
}

.c-single-text {
	position: absolute;
	word-break: break-all;
	overflow: hidden;
	font-size: 1rem;
}
</style>
<script type="text/javascript"
		src="http://u.liveapp.cn/web/common/js/bi/bi.js"></script>
<script type="text/javascript"
		src="http://u.liveapp.cn/web/common/js/bi/bi-post.js"></script>
		
<script src="http://u.liveapp.cn/tpl/all.js?20150608201900"></script>
<script src="http://u.liveapp.cn/tpl/pageInit.js?20150608201900"></script>
<script type="text/javascript"
		src="http://my.liveapp.cn/operate/index/22465?from=engine&amp;uid=147575"></script>
<script type="text/javascript"
		src="http://u.liveapp.cn/iwx/config/get_jsconfig?url=http%3A%2F%2Fu.liveapp.cn%2F22465"></script>	<script
	src="http://u.liveapp.cn/tpl/ylcom.js?10"
	async="" charset="utf-8"></script>

<script
	src="http://u.liveapp.cn/tpl/pages/flipPage.js"
	async="" charset="utf-8"></script>

<script
	src="http://u.liveapp.cn/tpl/base-lib/utils/comUtils.js"
	async="" charset="utf-8"></script>

<script type="text/javascript"
	src="http://my.liveapp.cn/library/liveapp-yl-art.js"></script>
					
<script src="http://u.liveapp.cn/tpl/pages/common.js?7" async=""
	charset="utf-8"></script>

<script src="http://my.liveapp.cn/component/guideBuy/guideBuy.js?7"
	async="" charset="utf-8"></script>
<script src="http://my.liveapp.cn/component/register/register.js?7"
	async="" charset="utf-8"></script>
		
<script src="http://u.liveapp.cn/tpl/pages/constants.js?7" async=""
	charset="utf-8"></script>		

<script
	src="http://u.liveapp.cn/tpl/components/image/singleimage/front/singleimage.js?7"
	async="" charset="utf-8"></script>	
<script
	src="http://u.liveapp.cn/tpl/components/text/singletext/front/singletext.js?7"
	async="" charset="utf-8"></script>
<script src="http://u.liveapp.cn/tpl/components/frontbase.js?7" async=""
	charset="utf-8"></script>
<!-- <script src="http://u.liveapp.cn/tpl/components/constants.js?7" async=""
	charset="utf-8"></script> -->
<script src="http://u.liveapp.cn/tpl/components/anime.js?7" async=""
	charset="utf-8"></script>
<link href="http://my.liveapp.cn/component/guideBuy/c.css?7"
	rel="stylesheet" charset="utf-8">
<link href="http://my.liveapp.cn/component/register/c.css?7"
	rel="stylesheet" charset="utf-8">
<script src="http://pv.sohu.com/cityjson" type="text/javascript"></script>
<script src="http://pv.sohu.com/cityjson" type="text/javascript"></script>
<script src="http://121.40.184.62?p={&quot;opt&quot;:{&quot;service_type&quot;:4001},&quot;data&quot;:{&quot;app_id&quot;:&quot;22465&quot;,&quot;phone_brand&quot;:&quot;other&quot;,&quot;ua&quot;:&quot;Mozilla/5.0 (Windows NT 6.1; WOW64; rv:38.0) Gecko/20100101 Firefox/38.0&quot;,&quot;browser&quot;:&quot;Firefox 38.0&quot;,&quot;enter&quot;:&quot;browser&quot;,&quot;os&quot;:&quot;Windows NT 6.1&quot;,&quot;lang&quot;:&quot;zh-CN&quot;,&quot;ip&quot;:&quot;113.240.245.195&quot;,&quot;stime&quot;:1433839174176,&quot;link&quot;:&quot;http%3A//u.liveapp.cn/22465&quot;,&quot;refer&quot;:&quot;&quot;,&quot;dpi&quot;:&quot;1600*900&quot;,&quot;uuid&quot;:&quot;716F51A9-3D2E-3DAB-ADBF-DFC51F85D64B&quot;,&quot;pvid&quot;:&quot;7FE42DFD-F16D-AFC6-FBE2-254F52037ECD&quot;,&quot;cuid&quot;:&quot;C8681669-80CF-C480-AF6C-E52213818B04&quot;,&quot;nettype&quot;:&quot;UNKNOWN&quot;,&quot;lt&quot;:2124,&quot;render_time&quot;:1702,&quot;nt_time&quot;:1049,&quot;channel&quot;:2}}"
	type="text/javascript"></script>
</head>
<body class="liveApp create-by-pc">
	<section id="pages" class="pages">
		<section
			style="background-color: rgb(255, 255, 255); background-image: url(&quot;http://u.liveapp.cn/group2/M00/07/DE/CoQ8n1Vn1qiAHBwOAAHAzmHauJ0680.jpg&quot;);"
			bg-layout="center" animation-out="0" animation-in="0" index="0"
			id="page-132800" class="page z-current">
			<div class="u-guideWrap">
				<a href="javascript:void(0);" class="u-guideTop"></a>
			</div>
			<div
				style="position: absolute; display: block; border-color: rgb(204, 204, 204); border-radius: 0px; border-width: 0px; height: 1013px; left: 0px; top: 0px; width: 592px; z-index: 3100; animation: 1s ease 0s normal none 1 running fadeInLeft;"
				class="f-abs c-c-container c-singleimage z-hasAnimationIn"
				draggable="true">
				<div class="c-singleimage" inside-styles=""
					style="width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: transparent; background-image: none; opacity: 1;"
					background-layout="center">
					<img
						src="http://u.liveapp.cn/group2/M00/03/87/CoQ8n1Val-SAE63oAAASTCGAbKs833.png"
						style="border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;">
				</div>
			</div>
			<div
				style="position: absolute; display: block; border-color: rgb(204, 204, 204); border-radius: 0px; border-width: 0px; height: 42px; left: 82px; top: 462px; width: 382px; z-index: 3400; animation: 1s ease 0s normal none 1 running rotateIn;"
				class="f-abs c-c-container c-singleimage z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-radius: 0px; opacity: 1; background-image: none; background-color: transparent;"
					background-layout="center">
					<img style="width: 100%; height: 100%; border-radius: 0px;"
						src="http://u.liveapp.cn/group2/M00/03/87/CoQ8n1VamCyAPldAAAABgxx4kMY656.png">
				</div>
			</div>
			<div
				style="position: absolute; display: block; border-radius: 0px; height: 47px; left: 100px; top: 404px; width: 345px; z-index: 3500; overflow: hidden; animation: 1s ease 0s normal none 1 running fadeInLeft;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 3em; font-family: SimHei; color: rgb(230, 231, 236); box-sizing: content-box; border-style: none;">
					<div>
						<div>
							<div id="cover"
								style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; box-sizing: border-box; border: 0px solid rgb(204, 204, 204); opacity: 1; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;">MUSE&nbsp;</div>
						</div>
						<div>
							<br>
						</div>
					</div>
				</div>
			</div>
			<div
				style="position: absolute; display: block; border-radius: 0px; height: 60px; left: 85px; top: 516px; width: 439px; z-index: 3600; overflow: hidden; animation: 1s ease 0s normal none 1 running fadeInRight;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; font-style: italic; line-height: 1; text-align: center; font-size: 2.5em; font-family: SimHei; color: rgb(230, 231, 236); box-sizing: content-box; border-style: none;">
					<div>
						<div>
							<div>2015 SUMMER SHOW</div>
						</div>
						<div id="cover"
							style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background-size: contain; box-sizing: border-box; border-style: solid; border-color: rgb(204, 204, 204); background-position: 50% 50%; background-repeat: no-repeat no-repeat;">
							<br>
						</div>
					</div>
					<div>
						<br>
					</div>
				</div>
			</div>
			<div
				style="position: absolute; display: block; border-radius: 0px; height: 67px; left: 102px; top: 896px; width: 350px; z-index: 3700; overflow: hidden; animation: 1s ease 0s normal none 1 running fadeInDown;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 2.5em; font-family: SimHei; color: rgb(230, 231, 236); box-sizing: content-box; border-style: none;">
					<div>
						<div>LA VIE EN ROSE</div>
						<div id="cover"
							style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; box-sizing: border-box; border: 0px solid rgb(204, 204, 204); opacity: 1; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;">
							<br>
						</div>
					</div>
					<div>
						<br>
					</div>
				</div>
			</div>
		</section>
		<section style="" bg-layout="null" animation-out="0" animation-in="0"
			index="1" id="page-133306" class="page">
			<div
				style="position: absolute; display: none; border-color: rgb(204, 204, 204); border-radius: 0px; border-width: 0px; height: 788px; left: 0px; top: 107px; width: 640px; z-index: 2100;"
				class="f-abs c-c-container c-singleimage z-hasAnimationIn"
				draggable="true">
				<div class="c-singleimage" inside-styles=""
					style="width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: transparent; background-image: none; opacity: 1;"
					background-layout="center">
					<img
						src="http://u.liveapp.cn/group2/M00/07/E0/CoQ8n1Vn18iAKUbGAAD76GdqHlw413.jpg"
						style="border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;">
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-color: rgb(204, 204, 204); border-radius: 0px; border-width: 0px; height: 314px; left: 62px; top: 315px; width: 506px; z-index: 2200;"
				class="f-abs c-c-container c-singleimage z-hasAnimationIn"
				draggable="true">
				<div class="c-singleimage" inside-styles=""
					style="width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-radius: 0px; opacity: 1; background-image: none; background-color: transparent;"
					background-layout="center">
					<img
						src="http://u.liveapp.cn/group2/M00/06/29/CoQ8n1VlgvKALRrrAAAB2TO5NTI802.png"
						style="border-radius: 0px;">
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-radius: 0px; height: 67px; left: 47px; top: 409px; width: 299px; z-index: 2300; overflow: hidden;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 3.75em; font-family: SimHei; color: rgb(255, 26, 96); box-sizing: content-box; border-style: none;">
					<div>Spring</div>
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-radius: 0px; height: 72px; left: 309px; top: 486px; width: 299px; z-index: 2400; overflow: hidden;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 3.75em; font-family: SimHei; color: rgb(255, 20, 92); box-sizing: content-box; border-style: none;">
					<div>Summer</div>
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-radius: 0px; height: 37px; left: 134px; top: 909px; width: 299px; z-index: 2500; overflow: hidden;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; line-height: 1; text-align: center; font-size: 1.5em; font-family: SimHei; color: rgb(255, 31, 93); box-sizing: content-box; border-style: none;">
					<div>design by</div>
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-radius: 0px; height: 62px; left: 252px; top: 908px; width: 299px; z-index: 2600; overflow: hidden;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; font-weight: bold; font-style: italic; line-height: 1; text-align: center; font-size: 2.5em; font-family: SimHei; color: rgb(255, 5, 83); box-sizing: content-box; border-style: none;">
					<div>
						<div>
							<div>MUSE</div>
						</div>
						<div>
							<br>
						</div>
					</div>
					<div>
						<br>
					</div>
				</div>
			</div>
		</section>
		<section
			style="background-color: rgb(255, 255, 255); background-image: url(&quot;http://u.liveapp.cn/group2/M00/04/09/CoQ8n1VdaISASr5_AAadt5qjyKU205.jpg&quot;);"
			bg-layout="center" animation-out="0" animation-in="0" index="2"
			id="page-134124" class="page">
			<div
				style="position: absolute; display: none; border-color: rgb(204, 204, 204); border-radius: 0px; border-width: 0px; height: 260px; left: 0px; top: 297px; width: 640px; z-index: 2100;"
				class="f-abs c-c-container c-singleimage z-hasAnimationIn"
				draggable="true">
				<div class="c-singleimage" inside-styles=""
					style="width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: transparent; background-image: none; opacity: 1;"
					background-layout="center">
					<img
						style="width: 100%; height: 100%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;"
						src="http://u.liveapp.cn/group2/M00/04/09/CoQ8n1VdaI-AYj5nAACn8yPPi7g861.png">
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-color: rgb(204, 204, 204); border-radius: 0px; border-width: 0px; height: 62px; left: 0px; top: 492px; width: 640px; z-index: 2200;"
				class="f-abs c-c-container c-singleimage z-hasAnimationIn"
				draggable="true">
				<div class="c-singleimage" inside-styles=""
					style="width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-radius: 0px; opacity: 1; background-image: none; background-color: transparent;"
					background-layout="center">
					<img style="width: 100%; height: 100%; border-radius: 0px;"
						src="http://u.liveapp.cn/group2/M00/04/09/CoQ8n1VdaKqAWrPaAAAFEJFayts221.png">
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-color: rgb(204, 204, 204); border-radius: 0px; border-width: 0px; height: 62px; left: -3px; top: 287px; width: 640px; z-index: 2300;"
				class="f-abs c-c-container c-singleimage z-hasAnimationIn"
				draggable="true">
				<div class="c-singleimage" inside-styles=""
					style="width: 100%; height: 100%; border-width: 0px; border-color: rgb(204, 204, 204); border-radius: 0px; opacity: 1; background-image: none; background-color: transparent;"
					background-layout="center">
					<img style="width: 100%; height: 100%; border-radius: 0px;"
						src="http://u.liveapp.cn/group2/M00/04/0A/CoQ8n1VdaymAH2vFAAAFPe74zsQ398.png">
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-radius: 0px; height: 37px; left: 162px; top: 537px; width: 307px; z-index: 2400; overflow: hidden;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; font-style: italic; line-height: 1; text-align: center; font-size: 2.5em; font-family: SimHei; color: rgb(230, 231, 236); box-sizing: content-box; border-style: none;">
					<div>开启星际PARTY</div>
					<div>
						<br>
					</div>
				</div>
			</div>
			<div
				style="position: absolute; display: none; border-radius: 0px; height: 265px; left: 70px; top: 649px; width: 507px; z-index: 2500; overflow: hidden;"
				class="f-abs c-c-container c-singletext z-hasAnimationIn"
				draggable="true">
				<div inside-styles=""
					style="width: 100%; height: 100%; font-style: italic; line-height: 1.5; text-align: left; font-size: 2.5em; font-family: SimHei; color: rgb(230, 231, 236); box-sizing: content-box; border-style: none;">
					<div>
						<div>
							<div>
								<div>
									&nbsp; 放眼银河，最HIGH是你<br>
								</div>
								<div>
									<br>
								</div>
							</div>
							<div>
								<br>
							</div>
						</div>
						<div>
							<br>
						</div>
					</div>
					<div>
						<br>
					</div>
				</div>
			</div>
		</section>
	</section>
	<div style="display: none;" id="app-loading" class="app-loading">
		<div class="cycleWrap">
			<span class="cycle cycle-1"></span> <span class="cycle cycle-2"></span>
			<span class="cycle cycle-3"></span> <span class="cycle cycle-4"></span>
		</div>
		<div class="lineWrap">
			<span class="line line-1"></span> <span class="line line-2"></span> <span
				class="line line-3"></span>
		</div>
		<span class="logoText">LiveApp</span>
	</div>
	<script type="text/javascript">
		document.body.className += (liveApp.caseData.create_by == 1 ? ' create-by-pc'
				: ' create-by-mobile');
	</script>
	
	<script type="text/javascript">
		window._YL_SITES_MY = "http://my.liveapp.cn";
		window._YL_DATA = [ {
			"name" : "guideBuy",
			"subName" : "reg",
			"type" : "page",
			"list" : []
		}, {
			"name" : "register",
			"subName" : "",
			"type" : "popup",
			"list" : []
		} ];
		seajs.use([ "http://my.liveapp.cn/component/guideBuy/guideBuy",
				"http://my.liveapp.cn/component/register/register" ], function(
				guideBuy, register) {
			window._YL_COMPONENT = [ guideBuy, register ];
			window._YL_LOAD = true;
		});
	</script>

	<div>
		<div id="globalAudioWarp" style="right: 0; top: 0;"></div>
		<div id="globalAudio" class="ga-active"
			style="right: 20px; top: 20px;">
			<audio id="globalAudioPlayer"
				src="http://u.liveapp.cn/group2/M00/07/DE/CoQ8n1Vn1r2AaKPjAA3LAh-pacU422.mp3"
				loop="" autoplay="true"></audio>
		</div>
	</div>
</body>
</html>